<!DOCTYPE html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="./css/index.css" />
</head>

<body>
    <h1>HTML &lt;style&gt; 标签</h1>

    <h2>定义与用法</h2>

    <h3>参考链接</h3>
    <p><a target="_blank" href="https://www.w3school.com.cn/tags/tag_style.asp">HTML &lt;style&gt; 标签</a></p>

    <h3>摘抄</h3>
    <p>&lt;style&gt; 标签用于为 HTML 文档定义样式信息。</p>
    <p>在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。</p>

    <h3>示例</h3>

    <pre>
&lt;style type=&quot;text/css&quot;&gt;
    &lt;!-- 这部分代码是用于屏幕适配，会在CSS模块进行讲解 --&gt;
    @import &quot;./css/small.css&quot;screen and (max-width: 1200px);
    @import &quot;./css/larger.css&quot;screen and (min-width: 1200px);
&lt;/style&gt;
    </pre>

</body>

</html>